new Vue({
    el: '#app',
    data: {
        heaIconJson: {
            left: './static/img/icon-list.png',
            middle: "<span style='text-align:center;font-size:32px;'>购物车</span>",
            right1: false,
            right2: './static/img/icon-shopping.png'
        },
        //false没有购物车数据，true有购物车数据
        havaCar: true,
        //分类下面那一栏的数据
        goodsTitle: {
            title: 'SDJKHFJKSD FAHJKSDKF',
            notice: '今日推荐',
            month: 'Swedsfa',
            year: '2018',
            date: '28'
        },
        //推荐商品数据
        goodsInfo: [{
            img: 'https://img.thebeastshop.com/image/20180918173031174479.jpg@4e_0o_0l_345h_330w_90q.jpg',
            badge: 'Bio-E',
            name: '天然柠檬麦卢卡酵素 500ml',
            price: '139.00',
            explain: '海外购'
        }, {
            img: 'https://img.thebeastshop.com/image/20180918173031174479.jpg@4e_0o_0l_345h_330w_90q.jpg',
            badge: 'Bio-E',
            name: '天然柠檬麦卢卡酵素 500ml',
            price: '139.00',
            explain: '海外购'
        }, {
            img: 'https://img.thebeastshop.com/image/20180918173031174479.jpg@4e_0o_0l_345h_330w_90q.jpg',
            badge: 'Bio-E',
            name: '天然柠檬麦卢卡酵素 500ml',
            price: '139.00',
            explain: '海外购'
        }, {
            img: 'https://img.thebeastshop.com/image/20180918173031174479.jpg@4e_0o_0l_345h_330w_90q.jpg',
            badge: 'Bio-E',
            name: '天然柠檬麦卢卡酵素 500ml',
            price: '139.00',
            explain: '海外购'
        }],
    },
    methods: {
        right2: function() {
            window.location.href = HREF + 'index.html';
        },
        //全选  
        allChange: function() {
            var el = $(this.$refs.changeGoods);
            //如果已选择商品的数组和总数组相等了，说明取消全选 就执行下面这一句
            // el.click();
            //如果不相等，说明有些已经选择了  就过滤掉 当前节点属性off是1的节点
            el.not("label[off='1']").click();
        },
        //选择一个商品 到时肯定有一个专门放已选择商品的数组，拿这个数组去和总购物车数组长度比较，相等就全选
        changeOneGoods: function(val, event) {
            //这是置为1 方便全选的时候过滤掉该已经选过的节点
            var el = $(event.target);
            el.attr('off') == '0' ? el.attr('off', '1') : el.attr('off', '0');
        },
        //结算购物车已经选择的商品
        pay: function() {
            // alert('结算')
            window.location.href = HREF + 'submit-order.html';
        },
        //购物车数量加
        carAdd: function(ev) {
            this.carBtnAni(ev.target);
        },
        //购物车数量减
        carDes: function(ev) {
            this.carBtnAni(ev.target);
        },
        //购物车加或减按钮的动画
        carBtnAni: function(el) {
            $(el).addClass('jackInTheBox');
            setTimeout(function() {
                $(el).removeClass('jackInTheBox');
            }, 400);
        },
        //删除购物车商品
        delGoods: function() {
            //说明上一次点击删动画时间没过，点击无效
            if ($(this.$refs.delEl).html().trim() != '删') {
                return;
            }
            //如果已选择购物车的数组有东西则可以删除
            // this.delAni('删除成功');
            //没有选择提醒用户选择
            this.delAni('请选择商品');
        },
        //确定删除
        delAni: function(content) {
            var el = $(this.$refs.delEl);
            el.addClass('shake').html(content).css('fontSize', '20px');
            setTimeout(function() {
                el.removeClass('shake').html('删').css('fontSize', '25px');
            }, 3000);
        }
    }
});